<!DOCTYPE HTML>
<html>
<head>
    <link href="bootstrap.min.css" rel="stylesheet">
    <!-- animation CSS -->
    <link href="animate.css" rel="stylesheet">
    <!-- Menu CSS -->
    <link href="sidebar-nav.min.css" rel="stylesheet">
    <!-- page CSS -->
    <link href="bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
    <link href="custom-select.css" rel="stylesheet" type="text/css" />
    <link href="switchery.min.css" rel="stylesheet" />
    <link href="bootstrap-select.min.css" rel="stylesheet" />
    <link href="bootstrap-tagsinput.css" rel="stylesheet" />
    <link href="jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
    <link href="multi-select.css" rel="stylesheet" type="text/css" />
    <!-- animation CSS -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
    <!-- color CSS -->
    <link href="blue-dark.css" id="theme" rel="stylesheet">
</head>
<body>
<!-- jQuery -->
    <script src="jquery.min.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="bootstrap.min.js"></script>
    <!-- Menu Plugin JavaScript -->
    <script src="sidebar-nav.min.js"></script>
    <!--slimscroll JavaScript -->
    <script src="jquery.slimscroll.js"></script>
    <!--Wave Effects -->
    <script src="waves.js"></script>
    <!-- Custom Theme JavaScript -->
    <script src="custom.min.js"></script>
    <script src="switchery.min.js"></script>
    <script src="custom-select.min.js" type="text/javascript"></script>
    <script src="bootstrap-select.min.js" type="text/javascript"></script>
    <script src="bootstrap-tagsinput.min.js"></script>
    <script src="jquery.bootstrap-touchspin.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="jquery.multi-select.js"></script>
    <script>
    jQuery(document).ready(function() {
        // Switchery
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
        $('.js-switch').each(function() {
            new Switchery($(this)[0], $(this).data());
        });
        // For select 2
        $(".select2").select2();
        $('.selectpicker').selectpicker();
        //Bootstrap-TouchSpin
        $(".vertical-spin").TouchSpin({
            verticalbuttons: true,
            verticalupclass: 'ti-plus',
            verticaldownclass: 'ti-minus'
        });
        var vspinTrue = $(".vertical-spin").TouchSpin({
            verticalbuttons: true
        });
        if (vspinTrue) {
            $('.vertical-spin').prev('.bootstrap-touchspin-prefix').remove();
        }
        $("input[name='tch1']").TouchSpin({
            min: 0,
            max: 100,
            step: 0.1,
            decimals: 2,
            boostat: 5,
            maxboostedstep: 10,
            postfix: '%'
        });
        $("input[name='tch2']").TouchSpin({
            min: -1000000000,
            max: 1000000000,
            stepinterval: 50,
            maxboostedstep: 10000000,
            prefix: '$'
        });
        $("input[name='tch3']").TouchSpin();
        $("input[name='tch3_22']").TouchSpin({
            initval: 40
        });
        $("input[name='tch5']").TouchSpin({
            prefix: "pre",
            postfix: "post"
        });
        // For multiselect
        $('#pre-selected-options').multiSelect();
        $('#optgroup').multiSelect({
            selectableOptgroup: true
        });
        $('#public-methods').multiSelect();
        $('#select-all').click(function() {
            $('#public-methods').multiSelect('select_all');
            return false;
        });
        $('#deselect-all').click(function() {
            $('#public-methods').multiSelect('deselect_all');
            return false;
        });
        $('#refresh').on('click', function() {
            $('#public-methods').multiSelect('refresh');
            return false;
        });
        $('#add-option').on('click', function() {
            $('#public-methods').multiSelect('addOption', {
                value: 42,
                text: 'test 42',
                index: 0
            });
            return false;
        });
    });
    </script>
    <!--Style Switcher -->
    <script src="../plugins/bower_components/styleswitcher/jQuery.style.switcher.js"></script>
    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <select class="form-control select2">
                    <option>中国</option>
                    <option>美国</option>
                    <option>泰国</option>
                    <option>英国</option>
                    <option>法国</option>
                    <option>日本</option>
                    <option>日本</option>
                    <option>日本</option>
                    <option>日本</option>
                </select>
            </div>
        </div>
    </div>

</body>
</html>

</body>
</html>